<!-- layout modes selection -->
<div class="row mb-3">
    <div class="col-12">
        <h6>色彩模式</h6>
    </div>
</div>

<div class="row mb-4">
    <div class="col-6 d-grid">
        <input type="radio" class="btn-check" name="layout-mode" checked id="btn-layout-modes-light">
        <label class="btn btn-warning shadow-sm text-white" for="btn-layout-modes-light">
            <i class="bi bi-sun fs-4 mb-2 d-block"></i>
            日间模式</label>
    </div>
    <div class="col-6 d-grid">
        <input type="radio" class="btn-check" name="layout-mode" id="btn-layout-modes-dark">
        <label class="btn btn-dark shadow-sm" for="btn-layout-modes-dark">
            <i class="bi bi-moon-stars fs-4 mb-2 d-block"></i>
            夜间模式</label>
    </div>
</div>
